<template>
	<view>
	    <view class="row tei">
            <view class="mod">
                <view class="hd">
                    <p>{{info.title}}</p>
                </view>

                <view class="bd">
					<jshopContent :content="info.content" :is_all_show="is_all_show"  v-if="info.content"></jshopContent>
				</view>

            </view>
        </view>

        <view class="row loup advisory">
            <view class="mod">
                <view class="hd"> <p>相关咨询师</p> </view>
                <refer :jdata="cou_res" ></refer>
                <!-- <refer></refer> -->
            </view>
        </view>   

        <view class="row loup">
            <view class="mod">
                <view class="hd"> <p>推荐楼盘</p> </view>
				<recommend :jdata="lou_res" :jimg="imageList" ></recommend>
            </view>
        </view>   

        <view class="kong"></view>

        <!-- <view class="fx">
			<fxqu></fxqu>
		</view> -->

	</view>
</template>

<script>
    import Refer from 'pages/index/journalism/Refer';
    import recommend from 'pages/index/recommend';
    import Fxqu from 'pages/index/details/Fxqu'
	import jshopContent from '@/components/jshop/jshop-content.vue' //视频和文本解析组件
	export default {
        components: {
           Refer,
           recommend,
           Fxqu,
		   jshopContent
        },

		data() {
			return {
				info:[],
				lou_res:{},
				is_all_show:1,//富文本是否全部显示1=是，0=否
				cou_res:[],
				imageList:[]
			}
        },
		
		onLoad(e) {
			let id = e.id;
			let _this = this;
			this.$api.getNewsDetail({id: id},
			  res => {
				_this.info = res.info;
				_this.lou_res = res.lou_res;
				_this.cou_res = res.cou_res;
				console.log(_this.cou_res)
			});
			// console.log('jj:'+_this.cou_res)
			//获取图片
			this.$api.getImage({
			    ids: '779ab593866a6187b2f34ee0b4757c0e,9cd12d32d51c41d4947f44a640687a67,61be9dbced0fb61e8dc8a086e5f3c9b5,1066d3b871d65cd1e1ad91bb5685fd0a,c1caeadc412eed2edd4fb58465cd9c49,a70585c330bd3b46136af9af5280086c,74c0714ebaaf55638fdc00172e2d6417,de6657b1788425d28caf888bddaafcfa,f2fbfa686d450920ddc6fa49279210db,be7b871624b91285cc2e91d11cd2a233,779ab593866a6187b2f34ee0b4757c0e'
			},
			res => {
			    _this.imageList = res;
				console.log(_this.imageList);
			});
		},

		methods: {
		
		}
	}
</script>

<style scoped>
    *{
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .row{
        background: #fff;
    }
    .loup{
        margin-top: 20upx;
    }
    .advisory{
        
    }
    .tei{
        padding-bottom: 60upx;
    }

    .mod{
        margin: 0 40upx 0 40upx;
    }
    .hd{
        
        padding: 40upx 0 40upx 0;
    }
    .hd>p{
        color: #3e4a59;
        font-size: 36upx;
        font-weight: 700;
    }


    .img{
        height: 100%;
        width: 100%;    
    }
    .img>img{
        height: 100%;
        width: 100%;
    }
    .text{
        margin-top: 20upx;
        color: rgb(127, 127, 127);
    }
 
    .head{
        font-size: 28upx;
        font-weight: bold;
        word-break: break-all;
        color: rgb(51, 51, 51);
    }
    .title{
        color: rgb(51, 51, 51);
        font-size: 36upx;
        font-weight: bold;
        word-break: break-all;
        margin: 40upx 0 40upx 0;
    }
    .neir{
        letter-spacing: 1upx;
        line-height: 60upx;
    }
   

    .kong{
        height: 120upx;
    }
   .fx{
        position: fixed;
        background: #fff;
        bottom: 0;
        height: 114upx;
    }
</style>
